﻿@charset "UTF-8";
.topNav #slbBtn {position: absolute;top: 18px;right: 0;background: #ea9427;margin: 0;height:50px;line-height:50px;display:inline-block;border-radius:25px;padding:0 32px;vertical-align: top;font-size: 24px;color: #fff;font-weight: bold;box-shadow: 0 5px 5px color(srgb 0 0 0 / 0.2);cursor: pointer;}
.pageHeader .topNav #slbBtn { top:5px;}

/*屏幕分辨率在 1200px 至 1459px 之间*/
@media screen and (min-width: 1240px) and (max-width: 1459px) {
    .wrap{ min-width: 1200px;}
    .container,#content,.siteWidth{width: 1200px; _width:1200px;}
    body{width: 100%;}
	.taohuaLogo {margin-left: 450px!important;}
	#logo {margin-left: -150px;}
	#logo img { width:300px; height:auto}
	.siteSearchBar { top:280px; }
	.topNav { background-size:auto 76px; height:76px; line-height:76px;}
	.topNav .mainNav .a1 {font-size: 22px;padding: 0 23px;height:76px; line-height:76px;}
	.pageHeader .topNav { height:60px; line-height:60px;}
	.pageHeader .mainNav .a1 {height:60px; line-height:60px;}
	.pageHeader .headerTop { width:1200px; margin-left:-600px;}
	.pageHeader #logo img { width:auto; height:auto}
	.topNav #slbBtn { top: 13px; }

	#indBanner .hd { bottom:100px}
	
	.box .hd li a { font-size:18px;}
	#indBanner .pic{background-size: 160%!important;height: 620px;}
	#indBanner .related { margin-left:450px; bottom:100px}
	#indBanner .con { margin-left:550px;}
	#indBanner .con.on { margin-left: 330px;    width: 230px;    height: 210px;    bottom: 100px;}
	
	#boxJbft { margin-top:10px;}
	
	#footer .copyRight { line-height:26px; padding-top:5px }

    #boxSzxx{width:760px;}
    
}
/*屏幕分辨率在 1024px 至 1239px 之间*/
@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.wrap{ min-width: 980px;}
	.layout { margin-bottom:10px!important;}
	body{width: 100%;}
	.container,#content,.siteWidth{width: 980px; _width:980px}
	.column { padding:20px 0}
	.taohuaLogo { margin-left:330px!important;background-size: 80%!important;}
	#logo {margin-left: -125px;}
	#logo img { width:250px; height:auto}
	.siteSearchBar { margin-left:-242px; top:220px; height:50px;}
	.s-form .from-control, .siteSearch .from-control { width:320px; height:50px;}
	.s-form .btn, .siteSearch .btn { height:50px; line-height:50px;}
	.pageHeader .mainNav .a1,
	.mainNav .a1 {font-size: 19px;padding: 0 13px; font-weight:bold;}
	.topNav { background-size:auto 64px; height:64px; line-height:64px;}
	.mainNav .a1 { height:64px; line-height:64px;}

	.pageHeader .headerTop { width:1000px; margin-left:-500px;}
	.pageHeader #logo img { width:auto; height:auto}
	
	.topNav #slbBtn {top: 9px!important;font-size: 20px!important;line-height: 46px!important;height: 46px!important;}
	#indBanner .hd { bottom:90px}

	.box .hd li a { font-size:16px; }
	#indBanner .pic{background-size: 180%!important;height: 550px;}
	#indBanner .related { margin-left:350px;bottom: 90px;}
	#indBanner .con { margin-left:450px;}
	#indBanner .con.on {margin-left:250px;width:220px;height: 220px;bottom: 80px;z-index:99;}
	.headerTool .links>dl {margin: 11px -4px 0;}

	#footer .footDzjg { left:0}
	#footer .copyRight { padding-left:80px;line-height:26px; padding-top:5px  }
	#footer .copyRight .footrow3{clear:left;display:inline-block}
	#footer .footerZfzc,
	#footer .wzafw {right:220px;}
	#footer .wxcode { right:110px;}
	#footer .szfwxcode { right:0;}

    #boxSzxx,
    #boxXjtj{width:100%; float:none}
    #boxXjtj #container{width:100%; height:100px; max-width:350px; margin-bottom:20px; }
    #boxXjtj #container02{width:100%; height:300px;}

}
@media only screen and (max-width: 1023px){
	.wrap{ min-width: 748px;}
	.layout { margin-bottom: 10px!important;}
	body{width: 100%;}
	.container,#content,.siteWidth{width: 748px; _width:748px}
	.column {padding: 10px 0;}
	
	.taohuaLogo {margin-left: 225px!important;}
	.headerTool .links .site { display:none;}
	
	.govLinks .li3,
	.govLinks .li4 { display:none;}
	
	#logo {margin-left: -125px;}
	#logo img { width:250px; height:auto}
	
	.pageHeader .headerTop { width:748px; margin-left:-364px;}
	.pageHeader #logo img { width:auto; height:auto}
	.pageHeader .s-form .from-control, .pageHeader .siteSearch .from-control { width: 180px; }
	
	.siteSearchBar { margin-left:-242px; top:220px; height:50px;}
	.s-form .from-control, .siteSearch .from-control { width:320px; height:50px;}
	.s-form .btn, .siteSearch .btn { height:50px; line-height:50px;}
	#header .mainNav .a1{font-size: 19px;padding: 0 5%;font-weight:bold;}
	#header .topNav{height: 100px; line-height:50px;background: url(../../base/img/topnavbg768.png) no-repeat bottom center;}
	#header .mainNav {width: 76%;padding: 10px 2% 0;}
	.mainNav li {width: 25%;}
	#header .mainNav .a1 { height:40px; line-height:40px;}
	.mainNav .first1 .a1 {height: 40px;background: none;line-height: 40px;}
	.topNav #slbBtn {top: 28px!important;right: 3%!important;font-size: 19px!important;line-height: 40px!important;height: 40px!important;}
	#indBanner .hd {bottom: 110px;}

	.box .hd h3 a { font-size:18px; }
	.box .hd li a { font-size:16px; }
	#indBanner .pic{background-size: 180%!important;height: 480px;}
	#indBanner .related {margin-left: 220px;bottom: 110px;}
	#indBanner .con { margin-left:350px;}
	#indBanner .con.on {margin-left:165px;width:200px;height: 220px;padding:10px;z-index:99;}
	#indBanner .con .intro{font-size: 13px;}
	.headerTool .links>dl {margin: 11px -4px 0;}

	#footer { text-align:center;}
	#footer .footDzjg, #footer .footerWzjc, #footer .footerZfzc, #footer .wzafw, #footer .wxcode { position:relative;display: inline-block;float: none;}
	#footer .footDzjg{right: auto;top: auto;left: auto;}
	#footer .footerWzjc{right: auto; top: auto;}
	#footer .footerZfzc{right: auto; top: auto;}
	#footer .wzafw{right: auto; top: auto;}
	#footer .szfwxcode,
	#footer .wxcode{right: auto;top: auto;line-height: 14px;vertical-align: bottom;position: inherit;float: none;display: inline-block;}
	#footer .wxcode img { display:inline-block; margin-right:10px;}
	#footer .copyRight { padding:10px 0 20px; line-height:40px;text-align:center;}

    #boxSzxx,
    #boxXjtj,
	#boxJbft{width:100%; float:none}
    #boxXjtj #container{width:100%; height:100px; max-width:350px; margin-bottom:20px; }
    #boxXjtj #container02{width:100%; height:300px;}
}
/*屏幕分辨率小于 767px 之间*/
@media only screen and (max-width: 767px){

	.headerTool .links>dl.site,
	.headerTool .links>dl.phone,
	.headerTool .links>dl.wza { display:none;}
	
	.wrap{ min-width: 100%;}
	.layout { margin-bottom: 2%!important;}
	.container,#content,.siteWidth{width: 96%;_width:96%}

	.siteSearchBar {top:220px;height:40px;margin-left: -170px;}
	.s-form .from-control, .siteSearch .from-control {width: 200px;height:40px;line-height:40px;font-size: 16px;}
	.s-form, .siteSearch {height:40px;line-height: 40px;}
	.s-form .btn, .siteSearch .btn {height:40px;line-height:40px;font-size:16px;width: 100px;background-size: 20px;}

	.pageHeader .headerTop { width:96%; margin-left:-48%;}
	.pageHeader #logo { width:55%}
	.pageHeader #logo img { width:100%; height:auto}
	.pageHeader .s-form .from-control, .pageHeader .siteSearch .from-control { width: 180px; }
	
	.govLinks { float:none;}
	.govLinks li { margin:0 1%}
	.headerTool .links {position:absolute;right:0;}
	.taohuaLogo {margin:0;left: auto; right:2%;}
	.taohuaLogo { width:25%; background-size:80%;}
	.taohuaLogo a { width:100%}
	#slbBtn { display:none!important;}
	#header .mainNav { width:96%}
	.mainNav li { width:25%;}
	.mainNav .on1 .a1:after, .mainNav .a1:hover:after { display:none;}
	#header .mainNav .a1 { font-size:16px}
	#indBanner .related { display:none;}
	#indBanner .pic{background-size: 333%!important;height: 480px;}

	.column { padding:2%;}

    .side { display: none;}

	.sideFixed {bottom:0;right:auto;width:100%;top: auto!important;}
	.sideFixed li {float:left;width:20%;padding:5px 0;margin: 0;background: #015293;}
	.sideFixed li>a { height:16px; line-height:16px;}
	.sideFixed li br {display: none;}
	.sideFixed #goTopBtn { display:none!important}

	#footer {padding-bottom: 90px;text-align: center;}
	#footer .footerZfzc,
	#footer .footDzjg,
	#footer .wzafw {right: auto;left: auto;top: auto;position: relative;float: none;display:inline-block; margin: 1%}
	#footer .copyRight { padding:0; font-size:14px;}

    #boxSzxx,
    #boxXjtj{width:100%; float:none}
    #boxXjtj #container{width:100%; height:100px; max-width:350px; margin-bottom:20px; }
    #boxXjtj #container02{width:100%; height:200px;}
}
/*屏幕分辨率低于 479px */
@media only screen and (max-width: 479px){
	
}

/*屏幕分辨率低于 320px */
@media only screen and (max-width: 320px){
}
@media only screen and (max-width: 1600px){
	.sideFixed{right: 0; margin-right: 0; position: fixed; top:260px;}
}
@media only screen and (max-width: 1200px){
	.sideFixed{top:200px;}
}
@media only screen and (max-width: 599px){
	.headerTool .links {top: 50px;}
}
/*--
颜色代码
#015293 深蓝色标题
#ddd 淡蓝色边框
--*/